@import '../common/index.less';

@step: ~'@{prefix}-step';
@steps: ~'@{step}s';
@item: ~'@{step}-item';

:host {
  display: flex;
}

.@{step} {
  &--vertical {
    padding-right: 32rpx;
  }
}

.@{steps} {
  display: flex;
  width: 100%;

  &--vertical {
    flex-direction: column;
  }

  &--reverse {
    flex-direction: row-reverse;
  }

  &--vertical&--reverse {
    flex-direction: column-reverse;
  }
}
